<template>
  <div class="bg-color-white text-align-c pad-l-15 pad-r-15" v-if="content.componentType === 16">
    <video :src="content.video.videoUrl" :poster="content.video.videoImg" class="video" :class="'video-w-' + content.video.videoStyle" controls="controls" />
  </div>
</template>
<script>
export default {
  props: {
    content: {
      type: Object,
      default: function() {
        return {}
      }
    }
  }
}
</script>
<style lang="less" scoped>
// 视频
.video {
  width: 100%;
  height: 191px;
  display: block;
  &.video-w-1 {
    width: 100%;
    height: 191px;
  }
  &.video-w-2 {
    width: 100%;
    height: 255px;
  }
  &.video-w-3 {
    width: 100%;
    height: 340px;
  }
}
</style>
